<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/Points.css">
    <link rel="stylesheet" href="css/index.css">
    <link rel="stylesheet" href="css/Clear.css">
</head>
<body>
<div class="clearfix index_top">
    <div class="index_top_dh">
        <ul>
            <li><a href="#" target="_blank">我的首页</a></li>
            <li><a href="#" target="_blank">来看看呀</a></li>
            <li><a href="#" target="_blank">互相伤害呀</a></li>
            <li><a href="#" target="_blank">再见</a></li>
        </ul>
        <a href="#" target="_blank" class="index_top_dh_sj"><i>手机</i></a>
        <div class="index_top_dh_sj_gg"><img src="images/index_top_dh_sj_gg.jpg"> 研发中~请期待！</div>
        <p>一起做作业！</p>
    </div>
</div>
<div class="index_top_logo">
    <div class="index_top_logo_gg">
        <div class="index_top_logo_gg_1"><a href="#"><img src="images/inc-03.jpg" alt="logo"></a></div>
        <div  class="index_top_logo_gg_2" ><a href="#"><img src="images/inc-04.jpg" alt="logo"></a> </div>
        <div class="index_top_logo_gg_3">
            <form action="">
                <input type="text" value="请输入点击搜索.." class="index_top_logo_gg_3_sr"/><input type="submit" value="搜索" class="index_top_logo_gg_3_ss"/>
            </form>


        </div></div>
</div>
<div class="index_top_dh_dh">
    <div>
        <ul class="clearfix">
            <li><a href="index.html" target="_parent">首页</a></li>
            <li class="index_top_dh_dh_1" ><a href="#" target="_blank">赚取积分</a></li>
            <li><a href="shopping.html" target="_blank">兑换商品</a></li>
            <li><a href="#" target="_blank">积分活动</a></li>
            <li><a href="#" target="_blank">积分调研</a></li>
            <li><a href="problem.html" target="_blank">常见问题</a></li>
        </ul>
        <P><a href="login.html" target="_parent">用户登录:</a></P>
    </div>
</div>
<!--头部布局结束-->
<!--主体内容-->
<div class="clearfix points">
    <div class="points_left">
        <img src="images/points_img.jpg" alt="推荐图">
        <i class="points_left_left"></i>
        <i class="points_left_right"></i>
        <ul class="clearfix">
            <li>1</li>
            <li>2</li>
            <li>3</li>
            <li>4</li>
            <li>5</li>
            <li>6</li>
            <li>7</li>
        </ul>
    </div>
    <div class="points_right">
        <p><a  href="#"> 签到得100积分</a></p>
        <ul>
            <li>用 户 登 录</li>
            <li>挑 选 任 务</li>
            <li>完 成 任 务</li>
            <li>领 取 奖 励</li>
        </ul>

    </div>
</div>
<div class="clearfix task">
    <div class="task-left">
        <h3>积分任务</h3>
        <ul class="clearfix task-left_ul">
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
            <li>
                <img src="images/inc-10.jpg" alt="商品图">
                <p class="clearfix">【广告点击】milensea死海矿物硫<span>200积分</span></p>
                <div>任务剩余时间</div>
            </li>
        </ul>
        <div class="task-left_fy">
            <ul class="clearfix task-left_f">
                <li class="task-left_f1"><</li>
                <li>1</li>
                <li>2</li>
                <li class="task-left_f1">></li>
            </ul>
            <form action="">
            到第<input type="text" class="task-left_text"/>页
            <input type="submit" value="确定" class="task-left_tj" />
            </form>
        </div>
    </div>
    <div class="task_right">
        <h3>今日赚取积分榜</h3>
        <ul>
            <li class="clearfix">
                <div class="task_right_left">
                <i>1</i>
                <img src="images/default_avatar.png" alt="求真相">
                </div>
                <div class="task_right_right">
                    <p>lanjiayu2010@sina.cn</p>
                    <span>今日赚取</span>
                    <strong>100600积分</strong>
                </div>
            </li>
            <li class="clearfix">
                <div class="task_right_left">
                    <i>2</i>
                    <img src="images/default_avatar.png" alt="求真相">
                </div>
                <div class="task_right_right">
                    <p>lanjiayu2010@sina.cn</p>
                    <span>今日赚取</span>
                    <strong>100600积分</strong>
                </div>
            </li>
            <li class="clearfix">
                <div class="task_right_left">
                    <i>3</i>
                    <img src="images/default_avatar.png" alt="求真相">
                </div>
                <div class="task_right_right">
                    <p>lanjiayu2010@sina.cn</p>
                    <span>今日赚取</span>
                    <strong>100600积分</strong>
                </div>
            </li>
            <li class="clearfix">
                <div class="task_right_left">
                    <i>4</i>
                    <img src="images/default_avatar.png" alt="求真相">
                </div>
                <div class="task_right_right">
                    <p>lanjiayu2010@sina.cn</p>
                    <span>今日赚取</span>
                    <strong>100600积分</strong>
                </div>
            </li>
            <li class="clearfix">
                <div class="task_right_left">
                    <i>5</i>
                    <img src="images/default_avatar.png" alt="求真相">
                </div>
                <div class="task_right_right">
                    <p>lanjiayu2010@sina.cn</p>
                    <span>今日赚取</span>
                    <strong>100600积分</strong>
                </div>
            </li>
        </ul>



    </div>
</div>



<!--底部-->
<div class="bottom_1">
    <div class="bottom_1_gz">
        <ul class="clearfix  bottom_1_gz_1" >
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y"></div>
                    <strong>关注我们</strong>
                    <p>官方微博</p>
                    <p>官方qq群</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_2 bottom_1_gz_y"></div>
                    <strong>常见问题</strong>
                    <p>兑换方式</p>
                    <p>配送方案</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_3 bottom_1_gz_y"></div>
                    <strong>友情链接</strong>
                    <p>新浪网</p>
                    <p>游戏GAME</p>
                </a>
            </li>
            <li>
                <a href="#">
                    <div  class="bottom_1_gz_y_4 bottom_1_gz_y"></div>
                    <strong>粉色活动</strong>
                    <p>疯狂积分雨</p>
                    <p>转盘大抽奖</p>
                </a>
            </li>
        </ul>
        <div class="bottom_1_gz_sw">
            <ul>
                <li>
                    <h3>关注公众号，每日送福利</h3>
                    <img src="images/2ma.jpg" alt="二维码">
                    <h3>商务合作</h3>
                    <p>yuaxxiaobo19888@163.com</p>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="bottom_2">
    <div>
        <p>
            <a href="#" target="_blank">简介 |</a>
            <a href="#" target="_blank">SINA English |</a>
            <a href="#" target="_blank">bout Sina |</a>
            <a href="#" target="_blank">网站地图 |</a>
            <a href="#" target="_blank">广告服务  |</a>
            <a href="#" target="_blank">联系我们 |</a>
            <a href="#" target="_blank">招聘信息 |</a>
            <a href="#" target="_blank">网站律师 |</a>
            <a href="#" target="_blank">通行证注册 |</a>
            <a href="#" target="_blank">产品答疑 </a>
        </p>
        <p>2018-2019</p>
        <p>版权</p>
    </div>
</div>
<!--弹窗 链入-->
<div class="Pop-ups">
    <iframe src="login.html" frameborder="0" width="658px" height="339px"></iframe>
</div>
</body>
</html>